<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>商品列表页面</title>
		<link rel="stylesheet" type="text/css" href="./style.css" />
        <script src="./script.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="catbox">
			<table id="cartTable">
				<thead>
				<tr>
					<th>
						<label><input class="check-all check" type="checkbox">&nbsp;&nbsp;全选</label>
					</th>
					<th>商品</th>
					<th>单价</th>
					<th>数量</th>
					<th>小计</th>
					<th>操作</th>
				</tr>
				</thead>
				<tbody>
				<tr class="on">
					<td class="checkbox"><input class="check-one check" type="checkbox"></td>
					<td class="goods"><img src="images/iphoneX.jpg" alt=""><span>iphoneX</span></td>
					<td class="price">7828</td>
					<td class="count"><span class="reduce"></span>
						<input class="count-input" type="text" value="1">
						<span class="add">+</span></td>
					<td class="subtotal">7828</td>
					<td class="operation"><span class="delete">删除</span></td>
				</tr>
				<tr class="on">
					<td class="checkbox"><input class="check-one check" type="checkbox"></td>
					<td class="goods"><img src="images/iphone6splus.jpg" alt=""><span>iphone6s plus</span></td>
					<td class="price">3699</td>
					<td class="count"><span class="reduce"></span>
						<input class="count-input" type="text" value="1">
						<span class="add">+</span></td>
					<td class="subtotal">3699</td>
					<td class="operation"><span class="delete">删除</span></td>
				</tr>
				<tr class="on">
					<td class="checkbox"><input class="check-one check" type="checkbox"></td>
					<td class="goods"><img src="images/huaweiP10.jpg" alt=""><span>华为P10</span></td>
					<td class="price">3488</td>
					<td class="count"><span class="reduce"></span>
						<input class="count-input" type="text" value="1">
						<span class="add">+</span></td>
					<td class="subtotal">3488</td>
					<td class="operation"><span class="delete">删除</span></td>
				</tr>
				<tr class="on">
					<td class="checkbox"><input class="check-one check" type="checkbox"></td>
					<td class="goods"><img src="images/meizuPro7plus.jpg" alt=""><span>魅族Pro7 plus</span></td>
					<td class="price">2399</td>
					<td class="count"><span class="reduce"></span>
						<input class="count-input" type="text" value="1">
						<span class="add">+</span></td>
					<td class="subtotal">2399</td>
					<td class="operation"><span class="delete">删除</span></td>
				</tr>
				</tbody>
			</table>
			<div class="foot" id="foot">
				<label class="fl select-all"><input type="checkbox" class="check-all check">&nbsp;&nbsp;全选</label>
				<a class="fl delete" id="deleteAll" href="javascript:;">删除</a>
				<div class="fr closing" onclick="getTotal();">结 算</div>
				<input type="hidden" id="cartTotalPrice">
				<div class="fr total">合计：￥<span id="priceTotal">11957.48</span></div>
				<div class="fr selected" id="selected">已选商品<span id="selectedTotal">4</span>件<span class="arrow up">︽</span><span class="arrow down">︾</span></div>
				<div class="selected-view">
            <div id="selectedViewList" class="clearfix"></div>
            <span class="arrow">◆<span>◆</span></span> </div>
			</div>
		</div>
	</body>
</html>